<!DOCTYPE html>
<#assign base=request.contextPath />
<html>
<head>
	<base href="${base}">
  	<meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">    
    <link rel="stylesheet" href="${base}/show/style.css">
    <title>舆情情报分析平台</title>
</head>

<body style="visibility: visible;">
    <div class="container-flex" tabindex="0" hidefocus="true">
        <div class="box-left">
            <div class="left-top">
                <div class="current-num">
                    <div>当前采集数据</div>
                    <p id="count"></p>
                </div>
            </div>
            <div class="left-center">
                <div class="title-box">
                    <h6>数据采集来源</h6>
                </div>
                <div class="chart-box pie-chart" style="">
					<!-- 饼图 -->
                    <div id="pie_fanzui" style="width: 100%;"></div>
                </div>
            </div>
            <div class="left-bottom">
                <div class="title-box">
                    <h6>今日主题</h6>
                    
                </div>
                <div class="chart-box">
                    <table class="table3">
                    <thead>
                        <tr>
                            <th width="50%">民文</th>
                            <th>中文</th>                            
                        </tr>
                    </thead>
                    <tbody id="tList">
<!--<tr><td colspan="4"><p style="width:9.6rem;">暂无数据</p></td></tr>-->
                 
                   <tr>
                       <td>张梦</td>
                       <td>访客</td>                       
                   </tr>
                   <tr>
                       <td>李阳荣</td>
                       <td>业主</td>
                   </tr>
                   <tr>
                       <td>张无双</td>
                       <td>访客</td>
                   </tr>
                   <tr>
                       <td>李阳</td>
                       <td>业主</td>
                   </tr>
				   <tr>
                       <td>李阳</td>
                       <td>业主</td>
                   </tr>
				   <tr>
                       <td>李阳</td>
                       <td>业主</td>
                   </tr>
				   <tr>
                       <td>李阳</td>
                       <td>业主</td>
                   </tr>
                  
                    </tbody>
                </table>
                
                </div>
            </div>
        </div>
        <div class="box-center">
            <div class="center-top">
                <h1><img src="${base}/show/jinghui.png" style="width:55px;margin-right:20px;">舆情情报分析平台</h1>
            </div>
            <div class="center-center">
                <div class="weather-box">
                    <div class="data">
                        <p class="time" id="time">14:51:11</p>
                        <p id="date"><span>2020/3/14</span><span>下午</span><span>周六</span></p>
                    </div>
                    <div class="weather">                       
				
						
						<iframe width="210" scrolling="no" height="84" frameborder="0" allowtransparency="true" src="https://i.tianqi.com/index.php?c=code&id=2&color=%2300B0F0&icon=5&num=1&site=12"></iframe>
                    </div>
                </div>
                <img src="${base}/show/line_bg.png" alt="">
                <div class="select-box" style="height: 0.3rem;">
                    
                    <div data-type="2">
                        <div class="select" tabindex="0" hidefocus="true">
                           <p style="color:#FFFF00;font-weight:bold;">新疆：111条</p>
                           <p style="color:#7FFF00;font-weight:bold;">北京： 20条</p>
                           <p style="color:#7FFF00;font-weight:bold;">河北： 20条</p>
                           <p style="color:#7FFFD4;font-weight:bold;">其它： 456条</p>
                        </div>
                        
                    </div>
                </div>
            </div>
            <div class="center-bottom">
                <div class="chart-box">
					<!-- 地图 -->
                    <div id="china_map" style="width:100%; height:88%;"></div>
                </div>
                
            </div>

        </div>
        <div class="box-right">
            <div class="right-top">
                <div class="title-box">
                    <h6 id="barTitle">情感分析</h6>
                    
                </div>
                <p class="unit">近一月</p>
                <div class="chart-box">
					<!-- 环图 -->
                    <div id="pie_emotion" style="width: 100%; height: 100%;"></div>
                </div>
                
            </div>
            <div class="right-center">
            	
                <div class="title-box">
                    <h6>敏感信息地区分布</h6>
                </div>
                <div class="chart-box pie-chart">
					<!-- 柱状图 -->
                    <div id="qufenbu_data" style="width:90%; height:150px; margin-left:10px;"></div>
                </div>
            </div>
            
            
            <div class="right-bottom">
                <div class="title-box">
                	<p id="switchBtn"><span class="active" data-datatype="income">数据采集统计</span></p>
                    
                </div>
				<!-- 折线图 -->
                <div id="line_time" style="width: 90%; height: 160px; margin-left: 10px;"></div>
                
            </div>
        </div>
    </div>
    
<script>
var ctx_path = '${base}';
</script>
<script type="text/javascript" src="${base}/show/rem.js"></script>
<script type="text/javascript" src="${base}/show/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="${base}/show/echarts.min.js"></script>
<script type="text/javascript" src="${base}/show/china.js"></script>
<!--  新疆
<script type="text/javascript" src="${base}/show/xin_jiang_geo.js"></script>
-->
<!-- 主题 -->
<script type="text/javascript" src="${base}/show/infographic.js"></script>
<script type="text/javascript" src="${base}/show/macarons.js"></script>
<script type="text/javascript" src="${base}/show/shine.js"></script>

<script type="text/javascript" src="${base}/show/base.js"></script>

</body>
</html>